@charset "utf-8";
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  color: #333;
  background: #fff;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 12px;
}
input,
textarea {
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica;
  resize: none;
  outline: none;
  border-radius: 0;
}
* {
  margin: 0;
  padding: 0;
}
/*font-family:"Microsoft Yahei",'Heiti SC';*/
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #333;
}
a:focus,
a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
b {
  font-weight: normal;
}
em {
  font-style: normal;
}
ul,
li {
  list-style: none;
}
div:after,
ul:after,
li:after,
label:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}
div,
ul,
li,
label {
  display: block;
  zoom: 1;
  font-weight: normal;
}
input {
  -webkit-appearance: none;
  /*去除input默认样式*/
}
button:focus {
  outline: none;
}
/* webkit, opera, IE9 */
::selection {
  background: #EA7771;
  color: #FFF;
}
/* mozilla firefox */
::-moz-selection {
  background: #EA7771;
  color: #FFF;
}
label {
  font-weight: normal;
}
/*取消安卓手机点击时出现默认蓝色边框*/
a,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-webkit-user-modify: read-write-plaintext-only;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
/* 细上下边线 */
.borderT:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e2e2e2;
  color: #e2e2e2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
  visibility: visible;
}
.borderB:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e2e2e2;
  color: #e2e2e2;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
  visibility: visible;
}
.borderbB:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e2e2e2;
  color: #e2e2e2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
  visibility: visible;
}
/* flex布局 */
.disBox {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  width: 100%;
}
.disBoxFlex {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
/*  */
.webkit_touch {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.w {
  width: 100%;
}
.h {
  height: 100%;
}
.button {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.button:after {
  background-color: #000;
  content: " ";
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.button:focus {
  outline: none;
}
.button:not(.disabled):active:after {
  opacity: .4;
}
.button.disabled {
  opacity: 0.6;
}
